//获取操作对象
var inps=document.querySelectorAll("input")
var btn=document.querySelector("button")
var span = document.querySelector('.tip')
// 设置开关
var bool = true
var password = inps[2].value
// 给第三个输入框对象绑定点击事件
inps[4].onclick = function () {
    // 判断当前选中框是否被选中
    if (this.checked) {
        // 让登录按钮解除禁用
        btn.disabled = false
    } else {
        btn.disabled = true
    }
}
        

    //给姓名输入框绑定失去焦点事件
    inps[1].onblur=function(){
        //获取当前输入框的value值
        var n1=this.value
        //创建ajax对象
        var xhr=new XMLHttpRequest()
        //配置请求信息
        xhr.open("get",'./php/register2.php?username='+n1)
        //发送请求
        xhr.send()
        //监听ajax状态是否结束
        xhr.onload=function(){
            //判断http请求是否成功
            if(xhr.status==200){
                //获取解析完毕的响应结果
                var txt=xhr.responseText
                if(txt==1){
                    span.innerHTML="该账号已存在，请重新输入"
                    //让输入框获取焦点
                    inps[1].focus()
                    
                    bool=false
                }else{
                    span.innerHTML='√'
                    bool=true
                }
            }
        }
        //如果通过校验就提交 - 没有就不提交
        //用户名验证 - 规则：字母开头，数字字母组成 ， 3-10位
        var reg = /^[a-zA-Z][a-zA-Z0-9]{2,9}$/
            if(!reg.test(n1)) {
                span.innerHTML="该账号已存在，请重新输入"
                return false
            }
        //密码规则：6-10位，任意字符
        var reg = /^.{6,10}$/
        if(!reg.test(password)) {
            alert('密码不符合规则')
            return false
        }  
    }
    
//给按钮绑定点击事件
btn.onclick=function(){
    //判断输入框输入的内容是否合法
    if(bool){
        //获取输入框中的内容
        var id=inps[0].value
        var name=inps[1].value
        var p1=inps[2].value
        var p2=inps[3].value;

        //创建ajax对象
        var xhr=new XMLHttpRequest()
        //配置请求信息
        xhr.open('get',`./php/register.php?uid=${id}&username=${name}&password=${p1}&password=${p2}`)
        //发送请求
        xhr.send()
        //监听ajax状态是否结束
        xhr.onload=function(){
            //判断http请求是否成功
            if(xhr.status==200){
                var txt=xhr.responseText
                //判断返回的响应结果是否为1
                if(txt==1){
                    alert("注册成功")
                    location="./login.html"
                }else{
                    alert("注册失败")
                    location='./register.html'
                }
            }
        }
    }
}

// //给按钮绑定点击事件
// btn.onclick=function() {
//     //获取输入框的值
//         var id=inps[0].value
//         var name=inps[1].value
//         var p1=inps[2].value
//         var p2=inps[3].value;
//         // console.log(id,name,p1,p2);
//         //使用ajax发送请求，并获取响应结果
//         (async function(){
//             var txt=await PromiseAjax({
//                 url:'./php/register.php',
//                 data:`uid=${id}&username=${name}&password=${p1}&password=${p2}`
//             })
//             if(txt==1) {
//                 alert("注册成功")
//                 location="./login.html"
//                 // span.innerHTML="用户名已存在";
//                 // inps.focus()
//                 // bool = false

//             } else {
//                 alert("注册失败")

//                 // span.innerHTML="√"
//                 // bool = true
//                 location.reload()
//             }
            
//         })()
    
// }